<%@ page contentType="text/html; charset=utf-8" %>
<%@ page import="cn.estore.entity.CustomerEntity" %>
<html>
 <body>
 
 <!-- 未登录用户点击链接会跳转到登录页（userLoginPlease.jsp）。
已登录用户点击链接会跳转到个人信息修改页（userUpdate.jsp），
并自动携带当前用户名参数 -->
   <%
 		String userlink = "/estore/pages/customer/userLoginPlease.jsp";
        String shoppinglink = "/estore/pages/customer/userLoginPlease.jsp";
		CustomerEntity user = null;
		if (session.getAttribute("user") != null) {
			user = (CustomerEntity) session.getAttribute("user");//若已登录，获取session中的用户对象
			userlink = "/estore/pages/customer/userUpdate.jsp?name="
			+ user.getUserName();
			shoppinglink = "/estore/pages/cart/cartShow.jsp";
		}
    %>
 
 
 <!-- 定义了一个用于页面顶部的表格元素，主要功能是展示一张顶部背景图，具体解析如下：
表格整体设置：表格宽度固定为 1024 像素，高度 80 像素，在页面中水平居中
（align="center"）；无边框（border="0"），边框颜色为白色（bordercolor="#FFFFFF"），
背景色为白色（bgcolor="#ffff"，等效于#ffffff）；单元格内边距和间距均为 0（cellpadding="0" cellspacing="0"），
确保表格内容与边框无间隙。
背景图片：通过background属性设置了背景图片，路径为estore/images/systemImage/top.jpg，
图片会覆盖在背景色上方，作为顶部区域的视觉装饰。
表格内容：表格仅包含一行一列，单元格内的&nbsp;是 HTML 实体字符，表示一个空格，
作用是避免表格因无内容而显示异常，确保表格能正常占据 80 像素的高度并展示背景图。 -->
  <table width="1024" height="80" bordercolor="#FFFFFF" bgcolor="#ffff" border="0" align="center" cellpadding="0" cellspacing="0" 
background="/estore/images/systemImages/top.jpg">
    <tr>
      <td>&nbsp;</td>
    </tr>
   </table>
   
<table width="1024"  border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#819BBC" background="<%=request.getContextPath() %>/images/systemImages/fg_top03.jpg">

<tr align="center" height="30">

<td width="100" onMouseOver="this.style.backgroundImage='url(<%=request.getContextPath() %>/images/systemImages/topMenu.jpg)'"
onMouseOut="this.style.backgroundImage=''">
<a href="<%=request.getContextPath() %>/pages/product/main.jsp">首页</a></td>

<td width="100" onMouseOver="this.style.backgroundImage='url(<%=request.getContextPath() %>/images/systemImages/topMenu.jpg)'"
onMouseOut="this.style.backgroundImage=''">
<a href="<%=request.getContextPath() %>/pages/product/showProductOriginal.jsp" class="a4">商城新品</a></td>

<td width="100" onMouseOver="this.style.backgroundImage='url(<%=request.getContextPath() %>/images/systemImages/topMenu.jpg)'"
onMouseOut="this.style.backgroundImage=''">
<a href="<%=request.getContextPath() %>/pages/product/showProductDiscount.jsp" class="a4">特价商品</a></td>

<td width="100"	onMouseOver="this.style.backgroundImage='url(<%=request.getContextPath()%>/images/systemImages/topMenu.jpg)'"
onMouseOut="this.style.backgroundImage=''">
<a href="<%=userlink%>" class="a4">用户修改</a></td>

<!-- //鼠标放在单元格上时，显示topMenu.jpg作为背景图。
鼠标移开后，背景图消失。链接地址由之前定义的shoppinglink变量动态决定（根据用户是否登录，可能指向cartShow.jsp或userLoginPlease.jsp-->
<td width="100"	onMouseOver="this.style.backgroundImage='url(<%=request.getContextPath()%>/images/systemImages/topMenu.jpg)'"
onMouseOut="this.style.backgroundImage=''">
<a href="<%=shoppinglink%>" class="a4">购物车</a></td>

</tr>
</table>
   
 </body>
</html>
